<template>
	<view class="page">
		<view class="form-item">
			<span class="form-title">旧密码：</span>
			<input type="text" placeholder="请输入旧密码"/>
		</view>
		<view class="form-item">
			<span class="form-title">新密码：</span>
			<input type="text" placeholder="请输入新密码"/>
		</view>
		<view class="form-item">
			<span class="form-title1">确认密码：</span>
			<input type="text" placeholder="请输入新密码"/>
		</view>
		
		<view class="updatedPassword-btn">
			确 认
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.page {
	background: #663399;
	width: 100%;
	height: 100vh;
	padding: 20rpx;
	box-sizing: border-box;
	.form-item {
		width: 95%;
		height: 80rpx;
		background-color: #ffffff;
		display: flex;
		line-height: 80rpx;
		margin-bottom: 50rpx ;
		padding-left: 15rpx;//内边框左间距
		border-radius: 20rpx;//边框弧度
		.form-title {
			letter-spacing: 10px;
		}
		.form-title1 {
			letter-spacing: 4px;
		}
		input {
			height: 80rpx;
		}
		
	}
	.updatedPassword-btn {
		width: 70%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		background-color: #e00724;
		margin:  600rpx auto;
		border-radius: 40rpx;
		color: #ffffff;
	}
}
</style>
